{% extends 'templates/document.html' %}

{% import 'components/Document/Head.html' as Head %}
{% import 'components/Sidebar/Sidebar.html' as Sidebar %}
{% import 'components/PageHeader/PageHeader.html' as PageHeader %}

{% import 'content/Plugins/SortAnimation/SortAnimation.html' as SortAnimation %}

{% set ViewAttr = {
  id: 'SortAnimation',
  parent: 'Plugins',
  child: 'Sort Animation',
  subheading: 'Adds sort animation on all sorted elements with both horizontal and vertical within grid layout'
} %}

{% block PageId %}{{ ViewAttr.id }}{% endblock %}

{% block head %}
  {{ Head.render(ViewAttr) }}
{% endblock %}

{% block sidebar %}
  {{ Sidebar.render(ViewAttr, DataPages) }}
{% endblock %}

{% block main %}
  {{ PageHeader.render(ViewAttr) }}
  {{ SortAnimation.render(ViewAttr.id) }}
{% endblock %}
